.classify-main{
    display: flex;
    .left{
        flex: 1;
        .boys{
            color: #5f94d0;
            .boys-icon{
                @include background('~assets/image/bookstore/boys.png');
            }
        }
    }
    .right{
        flex: 1;
        .girls{
            color: #d25d53;
            .girls-icon{
                @include background('~assets/image/bookstore/girls.png');
            }
        }
    }
    .header{
        padding: .5rem;
        text-align: center;
        .icon{
            position: relative;
            bottom: 3px;
            display: inline-block;
            width: 0.6rem;
            height: 0.6rem;
            vertical-align: middle;
        }
    }
    .content{
        padding-left: 1.2rem;
        ul{
            border-right: 1px solid #efefef;
            li{
                a{
                    display: flex;
                    padding-bottom: .5rem;
                    .item-left{
                        flex: 0 0 1.28rem;
                        height: 1.77rem;
                        font-size: 12px;
                        overflow: hidden;
                        .story-icon{
                            position: relative;
                            top: 2px;
                            width: 1.28rem;
                            height: 1.77rem;
                            border-radius: 2px;
                        }
                    }
                    .item-right{
                        padding-left: .2rem;
                        .classify{
                            font-size: 0.40rem;
                        }
                        .count{
                            color: #838a96;
                            font-size: 0.32rem;
                        }
                    }
                }
            }
        }
    }
}